<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<!DOCTYPE html >
<html>
<head>
<title>门店受理</title>
<t:base type="jquery,easyui,tools,DatePicker,autocomplete,bootsprap,layer,multiple-select"></t:base>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
	/*table样式*/
	td{ 
		height:30px; 
	} 
	.table{ 
		border:1px solid #cad9ea; 
		color:#666; 
	} 
	.table th { 
		background-repeat:repeat-x; 
		height:30px; 
	} 
	.table td,.table th{ 
		text-align:center;
		border:1px solid #cad9ea; 
		padding:0 1em 0; 
	} 
	.table tr.alter{ 
		background-color:#f5fafe; 
	} 
	/*table样式结束*/
	.cacelHref{
		width:80px;
		height:28px;
		line-height:28px;
		background:red;
		color:#FFF;
		margin:5px 10px;
		font-size:15px;
		text-align:center;
		text-decoration:none;
	}
	.cacelHref:hover{
		width:78px;
		height:26px;
		line-height:28px;
		border:1px solid red;
		color:red;
		background:#FFF;
	}
</style>
</head>
<body>
		
		<table id="dop_datagrid_storefrontAccept" toolbar="#storefrontAccept_toolbar"></table>
		<div style="margin: 5px; border: 0;" id="storefrontAccept_toolbar">
				<table  border="0" >
					<tr>
						<th>订单号：</th>
						<td><div><input code="queryCode"></div></td>
						<th>员工姓名：</th>
						<td><div><input code="queryDeliveryManName"></div></td>
						<th>状态：</th>
						<td><div><select code="queryStatus"></select></div></td>
						<th>客户姓名：</th>
						<td><div><input code="queryCustName"></div></td>
					</tr>
					<tr>
						<th>下单日期：</th>
						<td><div><input code="queryCreateDate" class="Wdate" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" ></div></td>
						<th>要求送达日期：</th>
						<td><div><input code="queryAskSendTime" class="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd'})"></div></td>
						<th>支付方式：</th>
						<td colspan="5"><div><select style="width: 150px;" code="payMethod"></select></div></td>
					</tr>
				</table>
				<!-- 
				<div class="btn btn-default dop-btn" id="accept">
					<i class="icon-ok"></i>接受
				</div>
				-->
				 
				<div class="btn btn-default dop-btn" id="startMakeFood">
					<i class="icon-star"></i>开始备单
				</div>
				<div class="btn btn-default dop-btn" id="makeFoodSuccess">
					<i class="icon-leaf"></i>备单完成
				</div>
				<div class="btn btn-default dop-btn" id="cancelOrder">
					<i class="icon-share-alt"></i>取消订单
				</div>
				<div class="btn btn-default dop-btn" id="divide">
					<i class="icon-hand-right"></i>分配派送人员
				</div>
				<div class="btn btn-default dop-btn" id="search">
					<i class=" icon-search"></i>搜索
				</div>
			</div>
		<table id="orderList" >
		
		</table>
		
		<!-- 订单信息弹出层 -->
		<div id="layerDialog" class="easyui-tabs" style="width:1000px;height:450px;display: none;">
			<input type="hidden" id="orderId" />
			<div title="订单详情" style="padding:10px">
				<table id="orderDetail" class="table table-hover" >
					<tr>
						<td style="text-align: right;vertical-align: middle;" >
							订单号：
						</td>
						<td style="vertical-align: middle;">
							<label type="text" id="code" />
						</td>
						<td   style="text-align: right;vertical-align: middle;">
							订单来源：
						</td>
						<td style="vertical-align: middle;">
							<label type="text" id="orderSource" />
						</td>
						<td  style="text-align: right;vertical-align: middle;">
							下单时间：
						</td>
						<td style="vertical-align: middle;">
							<label type="text" id="createDate" />
						</td>
					</tr>
					<tr>
						<td  style="text-align: right;vertical-align: middle;">
							订单人：
						</td>
						<td style="vertical-align: middle;">
							<label type="text" id="custName" style="text-align: left;" />
						</td>
						<td  style="text-align: right;vertical-align: middle;">
							订单人电话：
						</td>
						<td style="vertical-align: middle;">
							<label type="text" id="telephone" style="text-align: left;" />
						</td>
						<td  style="text-align: right;vertical-align: middle;">
							要求送达时间：
						</td>
						<td style="vertical-align: middle;">
							<label type="text" id="askSendTime"  />
						</td>
					</tr>
					<tr>
						<td style="text-align: right;vertical-align: middle;">订单人地址：</td>
						<td colspan="5" style="vertical-align: middle;">
							<label type="text" style="width: 70%;text-align: left;" id="custAddress"/>
						</td>
					</tr>
					<tr>
						<td  style="text-align: right;vertical-align: middle;">
							订单金额：
						</td>
						<td style="vertical-align: middle;">
							<label type="text" id='totalPrice' style="text-align: right;"  />
						</td>
						<!-- 
						<td style="text-align: right;vertical-align: middle;">
							订单总金额：
						</td>
						<td style="vertical-align: middle;">
							<label type="text" id="orderTotalPrice"   style="text-align: right;"/>
						</td>
						 -->
						<td style="text-align: right;vertical-align: middle;">
							运费：
						</td>
						<td style="vertical-align: middle;">
							<label type="text" id="deliveryPrice"  style="text-align: right;"/>
						</td>
					</tr>
					<tr>
						<td style="text-align: right;vertical-align: middle;">
							备注：
						</td>
						<td colspan="5" id="note" style="text-align: left;vertical-align: middle;">
							
						</td>
					</tr>
					<!-- 
					<tr>
						<td style="text-align: right;vertical-align: middle;">
							优惠费用：
						</td>
						<td style="vertical-align: middle;">
							<label type="text" id="preferentialPrice" style="text-align: right;" />
						</td>
					</tr>
					 -->
				</table>
				<table class="table table-hover" id="foodDetail"  border="1" style="margin: auto;width: 50%;">
					<tr>
						<th>订单信息</th>
						<th>份数</th>
						<th>价格</th>
					</tr>
				</table>
				<br/>
				<div style="text-align: center;">
					<div class="btn btn-default dop-btn" id="startSingleMakeFood">
						<i class="icon-star"></i>开始备单
					</div>
					<div class="btn btn-default dop-btn" id="makeFoodSuccessSingle">
						<i class="icon-leaf"></i>备单完成
					</div>
					<div class="btn btn-default dop-btn" id="cancelSingleOrder" >
						<i class="icon-share-alt"></i>取消订单
					</div>
					<div class="btn btn-default dop-btn" id="proOrder">
						<i class="icon-arrow-left"></i>上一条
					</div>
					<div class="btn btn-default dop-btn" id="nextOrder">
						<i class="icon-arrow-right"></i>下一条
					</div>
				</div>
			</div>
			<div title="状态跟踪" style="padding:10px">
				<div id="codeDiv" style="text-align:center;font-size: 15px;"></div>
				<table  class="table table-hover" id="orderRecord" style="width: 70%;text-align: center;margin: auto;vertical-align: middle;" border="1" >
					<tr>
						<th style="text-align: center;vertical-align: middle;">时间</th>
						<th style="text-align: center;vertical-align: middle;">信息</th>
					</tr>
					<tr>
						<td colspan="3">
							<img alt="加载信息" src="<%=basePath %>/eap/sys/plug-in/layer/skin/default/xubox_loading2.gif">
							正在努力加载记录...
						</td>
					</tr>
				</table>
			</div>
			<!-- 
			<div title="地图跟踪" " style="padding:10px">
				<h1>该功能完善中.......</h1>
			</div>
			 -->
		</div>
		<!--选择配送人员弹出层  -->
		<div id="deliveryManDiv" style="text-align: center;">
				选择配送人员:
				<select id="deliveryManList">
				</select>
				<div class="btn btn-default dop-btn" id="divide_ok">
					<i class="icon-hand-left"></i>确认分配
				</div>
		</div>
		
		<!-- 订单取消弹出层 -->
		<div id="cancelOrderDialog" >
			<h1>取消订单原因</h1>
			<table style="width: 600px;">
				<tr>
					<td valign="top" align="right" style="font-size: 15px;width: 50px;">取消原因:</td>
					<td width="400px;" align="left">
						<textarea id="outCauseDesc" rows="4" cols="30" style="width: 350px;resize:none;"></textarea>
					</td>
				</tr>
				<tr>
					<td valign="top" align="right" style="font-size: 15px;width: 50px;"></td>
					<td width="400px;" height="40px;" >
						<a class="cacelHref" href="javascript:void(0);">重复订单</a>
						<a class="cacelHref" href="javascript:void(0);">虚假信息</a>
						<a class="cacelHref" href="javascript:void(0);">联系不上客户</a>
						<a class="cacelHref" href="javascript:void(0);">商户太忙</a>
						<a class="cacelHref" href="javascript:void(0);">美食售罄</a>
					</td>
				</tr>
				<tr>
					<td valign="top" align="right" style="font-size: 15px;width: 50px;">内部备注:</td>
					<td width="400px;" align="left">
						<textarea id="insideCauseDesc" rows="4" cols="30" style="width: 350px;resize:none;"></textarea>
					</td>
				</tr>
				<tr>
					<td colspan="2" align="center">
						<div class="btn btn-default dop-btn" id="cancel_ok">
							<i class="icon-ok"></i>确认
						</div>
						<div class="btn btn-default dop-btn" id="cacel_cacel" >
							<i class="icon-remove"></i>取消
						</div>
					</td>
				</tr>
			</table>
		</div>
		
	<script type="text/javascript" src="webpage/dop/js/storefrontAccept.js"></script>
</body>
</html>